var AppRouter = Backbone.Router.extend({
	routes: {
		'': 'inicio',
		'!/inicio': 'inicio',
		'!/:seccion': 'secciones',
		'!/:seccion/:subSeccion': 'subSecciones',
		'!/:seccion/:perfil/:id': 'showPerfil',
	},
	inicio : function() {
		if($('.app-holder').is(':visible')){
			$('.app-holder').hide('slide', 250, function() {
				$('.home-screen').show('scale', 250)
				$(window).resize()
			})
		}else{
			$('.home-screen').show('scale', 250)
			$(window).resize()
		}
	},
	secciones : function(seccion) {
		$('.home-screen').hide('scale', 250, function() {
			showApp(seccion)
			$(window).resize()
		})
	},
	subSecciones: function(seccion,subSeccion) {
		$('.home-screen').hide('scale', 250, function() {
			showAppSub(seccion,subSeccion)
			$(window).resize()
		})
	},
	showPerfil: function(seccion,perfil,id) {
		$('.home-screen').hide('scale', 250, function() {
			showProfile(seccion,perfil,id)
			$(window).resize()
		})
	}
})

// Show App Function
function showApp(seccion) {
	var $height = $(window).height()
	$('.app-holder').css('height',($height-45)+'px')
	
	$('.app-holder').hide('slide', 250, function() {
		$('.app-holder').load(seccion+'.php', function(e) {
			$('.app-holder').show('slide', 250, function() {
				if($('#calendar').length){loadCalendar()}
				$('.set-tooltip').tooltip({track: true})
			})
		})
	})
}

function showAppSub(seccion,subSeccion) {
	var $height = $(window).height()
	$('.app-holder').css('height',($height-45)+'px')
	
	$('.app-holder').hide('slide', 250, function() {
		$('.app-holder').load(seccion+'-'+subSeccion+'.php', function(e) {
			$('.app-holder').show('slide', 250, function() {
				if($('#calendar').length){loadCalendar()}
				$('.set-tooltip').tooltip({track: true})
			})
		})
	})
}

function showProfile(seccion,perfil,id) {
	var $height = $(window).height()
	$('.app-holder').css('height',($height-45)+'px')
	
	$('.app-holder').hide('slide', 250, function() {
		$('.app-holder').load(seccion+'-'+perfil+'.php', { 'id' : id }, function(e) {
			$('.app-holder').show('slide', 250, function() {
				if($('#calendar').length){loadCalendar()}
				$('.set-tooltip').tooltip({track: true})
			})
		})
	})
}
// Show App Function